<template lang="html">
  <div>
    <sui-progress color="red" />
    <sui-progress color="orange" />
    <sui-progress color="yellow" />
    <sui-progress color="olive" />
    <sui-progress color="green" />
    <sui-progress color="teal" />
    <sui-progress color="blue" />
    <sui-progress color="violet" />
    <sui-progress color="purple" />
    <sui-progress color="pink" />
    <sui-progress color="brown" />
    <sui-progress color="grey" />
    <sui-progress color="black" />
  </div>
</template>

<script>
export default {
  name: 'ColorProgressExample',
};
</script>
